import React, { Component } from 'react'
// 添加任务组件
class AddTodo extends Component {
  constructor(props) {
    super(props)
    this.state = {
      addtxt: ""
    }
  }
  setText (e) { //改变添加文本的
    this.setState({
      addtxt: e.target.value
    })
  }
  add = () => {
    // 添加任务方法
    // 子传父 完成 添加
    this.props.addTodo(this.state.addtxt)
    this.setState({
      addtxt: ""
    })
  }
  render () {
    return (
      <div>
        <input value={this.state.addtxt} onChange={this.setText.bind(this)}></input>
        <button onClick={this.add}>添加任务</button>
      </div>
    )
  }
}
export default AddTodo